<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
			console.log(uni.$u.config.v);
			let that = this

			uni.onAppRoute(function(res) {
				if (that.$ws.socketTask) that.$store.commit('switchGame', {
					code: true
				})
			})
			
			
			
			
			function autoUpdate() {
				// 获取小程序更新机制兼容 
				if (uni.canIUse('getUpdateManager')) {
					const updateManager = uni.getUpdateManager()
					// 检查是否有新版本发布
					updateManager.onCheckForUpdate(function(res) {
						if (res.hasUpdate) {
							//小程序有新版本，则静默下载新版本，做好更新准备
							updateManager.onUpdateReady(function() {
								uni.showModal({
									title: '更新提示',
									content: '新版本已经准备好，是否重启应用？',
									success: function(res) {
										if (res.confirm) {
											//新的版本已经下载好，调用 applyUpdate 应用新版本并重启
											updateManager.applyUpdate()
										} else if (res.cancel) {
											//如果需要强制更新，则给出二次弹窗，如果不需要，则这里的代码都可以删掉了
											uni.showModal({
												title: '温馨提示',
												content: '我们已经做了新的优化，请及时更新哦~',
												showCancel: false, //隐藏取消按钮，也可显示，取消会走res.cancel，然后从新开始提示
												success: function(res) {
													//第二次提示后，强制更新           
													if (res.confirm) {
														// 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
														updateManager.applyUpdate()
													} else if (res.cancel) {
														//重新回到版本更新提示
														autoUpdate()
													}
												}
											})
										}
									}
								})
							})
							// 新的版本下载失败
							updateManager.onUpdateFailed(function() {
								uni.showModal({
									title: '温馨提示',
									content: '新版本已经上线，请您删除当前小程序，重新搜索打开',
								})
							})
						}
					})
				} else {
					// 提示用户在最新版本的客户端上体验
					uni.showModal({
						title: '温馨提示',
						content: '当前微信版本过低，可能无法使用该功能，请升级到最新版本后重试。'
					})
				}
			}
			autoUpdate();
			
			
		},
		onShow: function() {
			
			//重启 未退出活动
			let game_id = uni.getStorageSync("gameId")
			let userData = uni.getStorageSync("userData")
			if (this.$ws.socketTask&&game_id&&userData) {			
				this.$ws.send(JSON.stringify({
					game_id,
					user_id: userData.id
				}))
			}
			console.log('App Show')
			this.$myRuquest('home/index/config').then(res => {
				uni.setStorageSync('configuration', res.data);

			})

		},
		onHide: function() {
			console.log('App Hide')

		}
	}
</script>

<style lang="scss">
	@import "uview-ui/index.scss";
	.demo-title{
		    overflow:hidden; 
		    text-overflow:ellipsis;
		    display:-webkit-box; 
		    -webkit-box-orient:vertical;
		    -webkit-line-clamp:2; 
	}

	/*每个页面公共css */
	.statusBarHeight {
		// background: #FFFFFF;
		height: var(--status-bar-height); //这里是状态栏css变量
		width: 100%;
	}

	.title_ {
		font-size: 28upx;
		font-weight: 700;
		color: #666666;
		height: 38upx;
		line-height: 38upx;
		display: flex;
		margin-bottom: 10upx;
	
		.border_ {
			width: 12upx;
			height: 38upx;
			background-color: $theme-color;
			border-radius: 6upx;
			margin-right: 10upx;
		}
	}
	.backtrack {
		position: fixed;
		top: calc(40vmin / 7.5);
		left: calc(40vmin / 7.5);
		width: calc(96vmin / 7.5);
		height: calc(96vmin / 7.5);
		border-radius: 50%;
		z-index: 9999;
		// background-color: rgba(0, 0, 0, 0.23);
		image {
			width: calc(60vmin / 7.5);
			height: calc(60vmin / 7.5);
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
	}

	.substitution,
	.photograph {
		position: fixed;
		z-index: 999;

		top: 50%;
		transform: translateY(-50%);

		// width: calc(96vmin / 7.5);
		height: calc(96vmin / 7.5);
		border-radius: 50%;

		.text {
			font-size: calc(24vmin / 7.5);
			color: #333333;
			font-weight: 700;
		}

		image {
			width: calc(50vmin / 7.5);
			height: calc(50vmin / 7.5);
			margin: auto;
			display: block;

		}
	}

	.substitution {

		left: calc(60vmin / 7.5);
	}

	.photograph {
		right: calc(60vmin / 7.5);
	}

	.game_btn {
		// width: calc(284vmin/7.5);
		// display: inline-block;
		padding: 0 calc(64vmin / 7.5);
		height: calc(86vmin / 7.5);
		position: relative;
		margin: calc(20vmin / 7.5) auto;
		background-color: #333333;
		color: #FED194;

		text-align: center;
		line-height: calc(86vmin / 7.5);
		border-radius: calc(20vmin / 7.5);

		>view:nth-child(1) {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: calc(100% - 10upx);
			opacity: 0.75;
			background-image: linear-gradient(to bottom, rgba(254, 209, 148, .4), rgba(106, 86, 60, .24), rgba(59, 59, 59, 0));

		}

		.line {

			margin: 0 calc(44vmin / 7.5);
		}

	}

	.team_information {
		display: flex;
		justify-content: center;
  align-items: center;
		image {
			width: calc(90vmin / 7.5);
			height: calc(90vmin / 7.5);
			margin-right: calc(20vmin / 7.5);
		}

		font-size: calc(50vmin / 7.5);
		color: #333333;
		font-weight: 700;
	}

	.dot_card {
		.dot {
			width: calc(10vmin / 7.5);
			height: calc(10vmin / 7.5);
			border-radius: 50%;
			background: #999;
			margin: calc(10vmin / 7.5);
		}
	}
</style>
